﻿<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <title>Contact - Creative Multipurpose Agency Template</title>
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
  <!-- all css here -->
  <!-- bootstrap v4.1.3 css -->
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <!-- font-awesome css -->
  <link rel="stylesheet" href="css/fontawesome.min.css" />
  <!-- flaticon css -->
  <link rel="stylesheet" href="css/flaticon.css" />
  <!-- selectize css -->
  <link rel="stylesheet" href="css/selectize.css" />
  <!-- owl-carousel css -->
  <link rel="stylesheet" href="css/owl.carousel.min.css" />
  <link rel="stylesheet" href="css/owl.theme.default.min.css" />
  <!-- animate css -->
  <link rel="stylesheet" href="css/animate.min.css" />
  <!-- venobox css -->
  <link rel="stylesheet" href="css/venobox.css" />
  <!-- style css -->
  <link rel="stylesheet" href="style.css" />
  <!-- modernizr js -->
  <script src="js/vendor/modernizr-custom.js"></script>
  <!--[if lt IE 9]><script src="../../oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="../../oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
 </head>
 <body>
  <div class="wrapper-content">
   <div class="wrapper">
    <!-- Start Header Area -->
    <header class="header header-two">
     <div class="header-top-area">
      <div class="container">
       <div class="row">
        <div class="col-md-12">
         <div class="header-top">
          <div class="tag-text">
           <span>We are trusted seo marketing company</span>
          </div>
          <div class="certified-text">
           <span>ISO 9002:2002 Certified</span>
          </div>
          <div class="social-area">
           <ul class="social-list list-style">
            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#"><i class="fab fa-vimeo-v"></i></a></li>
           </ul>
          </div>
          <div class="language-area">
           <select class="flag"><option value="english" selected="">English</option><option value="australia">Australia</option><option value="uk">UK</option><option value="france">France</option></select>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
     <div class="header-bottom">
      <div class="container">
       <div class="row">
        <div class="header-info">
         <!-- Start Navigation -->
         <nav class="navbar navbar-expand-lg navbar-dark">
          <a href="index.html"><img src="img/logo/logo.png" alt="logo" /></a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
          <div class="collapse navbar-collapse" id="navbarNav">
           <ul class="navbar-nav">
            <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
            <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
            <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
            <li class="nav-item">
             <!-- Start Search btn -->
             <div class="search-btn-area">
              <form action="#">
               <div class="input-group">
                <input type="search" class="form-control" placeholder="Search..." />
                <div class="input-group-append">
                 <button class="btn search-btn" type="button"><i class="fa fa-search"></i></button>
                </div>
               </div>
               <a class="main-search" href="#"><i class="fa fa-search"></i></a>
              </form>
             </div>
             <!-- End Search btn --></li>
            <li class="nav-item">
             <div class="login-btn">
              <a class="btn" href="#">Login</a>
             </div></li>
           </ul>
          </div>
         </nav>
         <!-- End Navigation -->
        </div>
       </div>
      </div>
     </div>
    </header>
    <!-- End Header Area -->
    <!-- Strat Breadcrumb Area -->
    <section class="breadcrumb-area">
     <div class="breadcrumb-content text-center">
      <h1>Contact</h1>
      <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
        <li class="breadcrumb-item active" aria-current="page">Contact</li>
       </ol>
      </nav>
     </div>
    </section>
    <!-- End Breadcrumb Area -->
    <!-- Start Contact Area -->
    <section class="contact-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="google-map">
         <div id="map" class="map-cont"></div>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="contact-address">
         <div class="contact-single">
          <div class="contact-icon">
           <span class="flaticon-placeholder"></span>
          </div>
          <h4>Office Address</h4>
          <p>6803 Dickens Islands Apt. 567, Port Malikaview, TX 14942</p>
         </div>
         <div class="contact-single">
          <div class="contact-icon">
           <span class="flaticon-email"></span>
          </div>
          <h4>Email Address</h4>
          <p><a href="mailto:rogahn.jeanne@hotmail.com">rogahn.jeanne@hotmail.com</a></p>
          <p><a href="mailto:leola.kerluke@yahoo.com">leola.kerluke@yahoo.com</a></p>
         </div>
         <div class="contact-single">
          <div class="contact-icon">
           <span class="flaticon-call"></span>
          </div>
          <h4>Phone</h4>
          <p><a href="">(265) 920-8721</a>, <a href="">(003) 104-6706</a></p>
          <p><a href="">(003) 104-6706</a></p>
         </div>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="contact-form">
         <h3>Send Your Message</h3>
         <form action="mail.php" method="POST" id="ajax-contact">
          <fieldset>
           <div class="form-group">
            <input type="text" name="name" id="name" class="form-control" placeholder="Name*" />
           </div>
           <div class="form-group">
            <input type="email" name="email" id="email" class="form-control" placeholder="Email*" />
           </div>
           <div class="form-group">
            <input type="text" name="service" id="service" class="form-control" placeholder="Service" />
           </div>
           <div class="form-group">
            <input type="tel" name="zipcode" id="zipcode" class="form-control" placeholder="ZIP Code" />
           </div>
           <div class="form-group">
            <textarea name="message" id="message" class="form-control" placeholder="Message"></textarea>
           </div>
           <div class="form-group">
            <p class="form-messages"></p>
            <button type="submit" class="btn">Send Message</button>
           </div>
          </fieldset>
         </form>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Contact Area -->
    <!-- Start Subscribe Area -->
    <section class="subscribe-area">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="subscribe-content">
         <div class="subscribe-info">
          <h3>Subscribe Newsletter</h3>
          <p>For get new update subscribe now</p>
         </div>
         <div class="subscribe-form">
          <form action="#">
           <div class="input-group">
            <input type="text" class="form-control" placeholder="Enter Email Address" />
            <div class="input-group-append">
             <button class="btn-subscribe" type="submit"><span class="flaticon-right-arrow"></span></button>
            </div>
           </div>
          </form>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Subscribe Area -->
    <!-- Start Footer Area -->
    <footer class="footer-area">
     <div class="footer-top">
      <div class="container">
       <div class="row">
        <div class="col-md-6 col-lg-3">
         <div class="footer-info">
          <div class="footer-logo">
           <a href="index.html"><img src="img/logo/logo.png" alt="Logo" /></a>
          </div>
          <p>Semper integer, fringilla don quisquveac cras a eros nunc. Enim ipsum dictum elit dolor sed facilisi eu conubia nulla platea, id sollicitudin. Lobortis massa</p>
          <div class="call-us">
           <h5>Call Us <a href="">(0131) 429 5329</a></h5>
          </div>
         </div>
        </div>
        <div class="col-md-6 col-lg-2">
         <div class="footer-info">
          <h4>Useful Link</h4>
          <ul class="link-list list-style">
           <li><a href="#">About Us</a></li>
           <li><a href="#">Service</a></li>
           <li><a href="#">latest Post</a></li>
           <li><a href="#">Project</a></li>
           <li><a href="#">Site Map</a></li>
          </ul>
         </div>
        </div>
        <div class="col-md-6 col-lg-3">
         <div class="footer-info">
          <h4>Our Services</h4>
          <ul class="link-list list-style">
           <li><a href="#">Local SEO</a></li>
           <li><a href="#">Social Marketing</a></li>
           <li><a href="#">Pay Per Click</a></li>
           <li><a href="#">Free SEO Analysis</a></li>
           <li><a href="#">Search Engine Marketing</a></li>
           <li><a href="#">Digital Marketing</a></li>
          </ul>
         </div>
        </div>
        <div class="col-md-6 col-lg-4">
         <div class="footer-info">
          <h4>Instagram</h4>
          <ul class="instagram-list list-style">
           <li><a href="#"><img src="img/footer/1.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/2.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/3.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/4.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/5.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/6.jpg" alt="Instagram" /></a></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
     </div>
     <div class="footer-bottom">
      <div class="container">
       <div class="row">
        <div class="col-md-12">
         <div class="footer-bottom-content">
          <p>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
         </div>
        </div>
       </div>
      </div>
     </div>
     <!-- Start Back To Top Area -->
     <div class="back-to-top">
      <span>Back To Top</span>
     </div>
     <!-- End Back To Top Area -->
    </footer>
    <!-- End Footer Area -->
   </div>
  </div>
  <!-- Start Custom Cursor -->
  <div class="custom-cursor">
   <div id="cursor">
    <div id="cursor-ball"></div>
   </div>
  </div>
  <!-- End Custom Cursor -->
  <!-- all js here -->
  <!-- jquery version -->
  <script src="js/jquery-3.1.1.min.js"></script>
  <!-- popper js -->
  <script src="js/popper.min.js"></script>
  <!-- bootstrap js -->
  <script src="js/bootstrap.min.js"></script>
  <!-- selectize -->
  <script src="js/selectize.js"></script>
  <!-- icheck -->
  <script src="js/icheck.min.js"></script>
  <!-- owl.carousel js -->
  <script src="js/owl.carousel.min.js"></script>
  <!-- appear js -->
  <script src="js/jquery.appear.js"></script>
  <!-- easing js -->
  <script src="js/jquery.easing.1.3.min.js"></script>
  <!-- venobox js -->
  <script src="js/venobox.min.js"></script>
  <!-- countTo js -->
  <script src="js/jquery.countTo.js"></script>
  <!-- wow js -->
  <script src="js/wow.min.js"></script>
  <!-- loadMoreResults js -->
  <script src="js/loadMoreResults.js"></script>
  <!-- TweenMax js -->
  <script src="js/TweenMax.js"></script>
  <!-- gmap -->
  <script src="js/map.js"></script>
  <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyB2uu6KHbLc_y7fyAVA4dpqSVM4w9ZnnUw"></script>
  <!-- main js -->
  <script src="js/main.js"></script> 
 </body>
</html>